<!DOCTYPE html>
<html lang="zxx">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="icon" href="images/favicon.png">
		<title></title>

		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
		<link rel="stylesheet" href="css/materialize.css">
		<link rel="stylesheet" href="css/loaders.css">
		<link rel="stylesheet" href="css/lightbox.css">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="css/owl.carousel.min.css">
		<link rel="stylesheet" href="css/owl.theme.default.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/layer.css">

	</head>
	<style>
		.weui-navbar__item {

			font-size: 13px;

		}
	</style>
	<body>

		<!-- navbar -->
		<div class="navbar">
			<div class="container">
				<div class="row">
					<div class="col s9">
						<div class="content-left" onclick="javascript:history.back(-1);">
							<i class="fa fa-chevron-left center"></i>
						</div>
					</div>

				</div>
			</div>

		</div>
		<!-- end navbar -->

		<!-- sidebar -->

		<!-- end sidebar -->

		<!-- list -->
		<div class="segments-page">
			<div class="pages-title">
				<h3>交易记录</h3>
				<div class="line"></div>
			</div>
			<div class="container weui-content">

				<div class="weui-tab">
					<div class="weui-navbar" style="top:120px; left:0; right:0; height:40px;">
						<a class="weui-navbar__item proinfo-tab-tit font-14 weui-bar__item--on" href="#tab1">充值记录</a>
						<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab2">静态记录</a>
						<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab3">动态记录</a>
						<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab4">激活码记录</a>
						<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab5">排单记录</a>
					</div>
					<div class="weui-tab__bd proinfo-tab-con" style="padding-top:20px;">
						<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
							<div class="weui-panel jyjl">

								<div class="weui-panel__bd" id="recharge">

								</div>

							</div>


						</div>
						<div id="tab2" class="weui-tab__bd-item">
							<div class="weui-panel jyjl">

								<div class="weui-panel__bd">
									<div class="weui-media-box weui-media-box_text">
										<h4 class="weui-media-box__title">+￥<em class="num">500.0</em></h4>
										<p class="weui-media-box__desc">充值方式：微信支付</p>
										<ul class="weui-media-box__info">
											<li class="weui-media-box__info__meta">充值时间：<em class="num">2015-10-16 13:00</em>
											</li>
										</ul>
									</div>
								</div>

							</div>

						</div>
						<div id="tab3" class="weui-tab__bd-item">
							<div class="weui-panel jyjl">
								<div class="weui-panel__bd">
									<div class="weui-media-box weui-media-box_text">
										<h4 class="weui-media-box__title">-￥<em class="num">200.0</em></h4>
										<p class="weui-media-box__desc">提现到银行卡：60002*******54564</p>
										<ul class="weui-media-box__info">
											<li class="weui-media-box__info__meta">提现时间：<em class="num">2015-10-16 13:00</em>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div id="tab4" class="weui-tab__bd-item">
							<div class="weui-panel jyjl">
								<div class="weui-panel__bd">
									<div class="weui-media-box weui-media-box_text">
										<h4 class="weui-media-box__title">-￥<em class="num">200.0</em></h4>
										<p class="weui-media-box__desc">激活码提现到银行卡：60002*******54564</p>
										<ul class="weui-media-box__info">
											<li class="weui-media-box__info__meta">提现时间：<em class="num">2015-10-16 13:00</em>
											</li>
										</ul>
									</div>
								</div>

							</div>

						</div>

						<div id="tab5" class="weui-tab__bd-item">
							<div class="weui-panel jyjl">
								<div class="weui-panel__bd" id="scheduling">

								</div>

							</div>

						</div>
					</div>
				</div>

			</div>
		</div>
		<!-- end list -->

		<script src="js/jquery.min.js"></script>
		<script src="js/materialize.js"></script>
		<script src="js/numscroller.js"></script>
		<script src="js/lightbox.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/main.js"></script>
		<script src="js/layer.js"></script>
		<script src="js/jquerysession.js"></script>
		<script src="js/jquery.md5.js"></script>
		<script src="js/index.js"></script>
		<script src="js/jquery-weui.min.js"></script>
		<script>
			$(document).ready(function() {
				var LogUrl = 'Bill/UserLog';
				var LogInfo = api_request(LogUrl, 'GET');
				
				if (LogInfo.code == 1) {
					var UserLogPay = LogInfo.data.UserLogPay
					var user_pool = LogInfo.data.user_pool
					var UserLogAtion = LogInfo.data.UserLogAtion
					if (UserLogPay) {
						var rechargeHtml = ''
						for (var i = 0; i < UserLogPay.length; i++) {
							var LogPayls = UserLogPay[i];
							if (LogPayls.status == 1) {
								status = '<samp style="color: #e53935;">申请中</samp>'
							} else if (LogPayls.status == 2) {
								status = "<samp style='color: #e53935;'>同意</samp>"
							} else {
								status = "<samp style='color: #e53935;'>拒绝</samp>"
							}
							if (LogPayls.audit_time == '0000-00-00 00:00:00') {
								audit_time = '未审核'
							} else {
								audit_time = LogPayls.audit_time
							}
							rechargeHtml
								+= '' +
								'  <div class="weui-media-box weui-media-box_text">' +
								'   <h4 class="weui-media-box__title">+￥<em class="num">' + LogPayls.quantity + '充值额度</em></h4>' +
								'     <p class="weui-media-box__desc" >购买方式：银行卡 </p>' +
								' <p class="weui-media-box__desc" style="display: inline;">求购金额：' + LogPayls.quantity + '￥  </p>'

								+
								'     <p class="weui-media-box__desc" style="display: inline;">当前状态：' + status + ' </p>' +
								'     <p class="weui-media-box__desc" >审核时间：' + audit_time + '</p>' +
								'     <p class="weui-media-box__desc">申请时间：<em class="num">' + LogPayls.add_time + '</em> </p>'

								+
								'  <p class="weui-media-box__desc"><button class="button button-black z-depth-1" onclick="previewImg(this);" data-src="' +
								LogPayls.file + '">查看打款截图</button>  </p>' +
								' </div>' +
								'    </div>';
						}
						var rechargehtmllist = document.getElementById("recharge");
						rechargehtmllist.innerHTML += rechargeHtml;

					}
					if (user_pool) {
						var schedulingHtml = '';
						for (var i = 0; i < user_pool.length; i++) {
							var schedulingls = user_pool[i];
							if (schedulingls.statu == 1) {
								schedulingstatu = '成功';
							} else {
								schedulingstatu = '失败';
							}
							schedulingHtml
								+= '' +
								'  <div class="weui-media-box weui-media-box_text">' +
								'     <h4 class="weui-media-box__title">+￥<em class="num">' + schedulingls.quota + '排单额度</em></h4>' +
								'     <p class="weui-media-box__desc" >充值积分：-￥' + schedulingls.quota + '</p>' +
								'  <p class="weui-media-box__desc">说明:充值积分' + schedulingls.quota + '购买' + schedulingls.quota + '排单额度</p>' +
								'     <p class="weui-media-box__desc" style="display: inline;">当前状态：' + schedulingstatu + ' </p>' +
								'     <p class="weui-media-box__desc">申请时间：<em class="num">' + schedulingls.add_time + '</em> </p>' +
								' </div>';
						}
						var schedulinghtmllist = document.getElementById("scheduling");
						schedulinghtmllist.innerHTML += schedulingHtml;
					}
					if (UserLogAtion) {
						var UserLogAtionHtml = ''
					}
				}
			});
		</script>
	</body>
</html>
